<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>inputfile Demo</title>
    <link rel="stylesheet" href="/dist/css/demo.css" media="screen" title="no title" charset="utf-8">
    <link rel="stylesheet" href="/dist/css/inputfile.css" media="screen" title="no title" charset="utf-8">
    <link rel="stylesheet" href="/dist/css/shadow.css" media="screen" title="no title" charset="utf-8">
    <link rel="stylesheet" href="/dist/css/tooltip.css" media="screen" title="no title" charset="utf-8">

  </head>
  <body>
    <div class="content">
      <div class="box">
          <input type="file" name="file" id="file" value="" class="inputfile">
          <label for="file">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17"><path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"/></svg>
            <strong>选择文件</strong>
          </label>
      </div>
    </div>
    <div class="content">
      <div class="box c-shadow-2dp">
        <a href="#" id=tp2>阴影一</a>
        <div class="c-tooltip" for="tp2" direction="">
          测试使用tooltip
        </div>
      </div>
    </div>
  </body>
  <script type="text/javascript" src="/src/cComponentHandler.js"></script>
  <script type="text/javascript" src="/src/tooltip/tooltip.js"></script>
</html>
